const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  // publicPath: '/jzq',
  css: {
    loaderOptions: {
      sass: {
        // 注意： sass-loader v8 以上版本，这个选项名是 prependData
        //       sass-loader v8 以下版本，这个选项名是 additionalData
         prependData: "$--font-path: '~element-ui/lib/theme-chalk/fonts'; @import 'src/assets/style/variables.scss'; @import 'src/assets/style/sidebar.scss';"
      }
    }
  },
  transpileDependencies: true,
  devServer: {
    host: "0.0.0.0",
    port: 8080, // 端口号
    https: false, // https:{type:Boolean}
    open: true, //配置自动启动浏览器
    // 设置请求头
    headers: {
      "Access-Control-Allow-Origin": "*"
    },
    // proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理
    // 配置多个代理
    proxy: {
      '/api/': {

        target: "http://192.162.11.47:11990/", // 要访问的接口域名 

        ws: true, // 是否启用websockets
        changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {
          "^/api": "" //这里理解成用''代替/juzhuqv里面的地址,        
        },
        // 显示请求代理后的真实地址
        bypass(req, res, options) {
          debugger
          const proxyUrl = new URL(req.url || "", options.target)?.href || "";
          res.setHeader("x-res-proxyUrl", proxyUrl);
        },
      },
    },
    client: {
      overlay: false // 编译错误时，取消全屏覆盖（建议关掉）
    }
  }
})
